<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<script src="/js/jquery.min.js?v=2.1.4"></script>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<input id="userId" name="userId" type="hidden">

							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">头像：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input type="hidden" id="picId" name="picId" value="0" >-->
									<!--<img id="showImg" src="/img/backg01.jpg" style="width: 20%;cursor: pointer;" >-->
									<!--<input  type="file" class="hidden" id="file" name="file" onchange="uploadFile(this.files)" />-->
								<!--</div>-->
								<!--<script type="text/javascript">-->
                                    <!--$("#showImg").click(function () {-->
                                        <!--$("#file").click();-->
                                    <!--});-->

                                    <!--function uploadFile(files) {-->

                                        <!--var type = files[0].type;-->
                                        <!--if(type.indexOf("image") < 0){-->
                                            <!--layer.msg('请上传图片格式...', {-->
                                                <!--icon: 2-->
                                            <!--});-->
                                            <!--return false;-->
                                        <!--}-->
                                        <!--var size = files[0].size;-->
                                        <!--if ((size / 1024 / 1024) > 2) {-->
                                            <!--layer.msg('图片大小不能超过2M...', {-->
                                                <!--icon: 2-->
                                            <!--});-->
                                            <!--return false;-->
                                        <!--}-->
                                        <!--console.log("size=" + size);-->
                                        <!--var formData = new FormData();-->
                                        <!--formData.append("file", files[0]);-->
                                        <!--$.ajax({-->
                                            <!--data: formData,-->
                                            <!--type: "POST",-->
                                            <!--url: "/common/sysFile/upload",    // 图片上传出来的url，返回的是图片上传后的路径，http格式-->
                                            <!--cache: false,-->
                                            <!--contentType: false,-->
                                            <!--processData: false,-->
                                            <!--dataType: "json",-->
                                            <!--success: function (data) {//data是返回的hash,key之类的值，key是定义的文件名-->
                                                <!--$("#showImg").attr("src", data.fileName);-->
                                                <!--$("#picId").val(data.sysFileId);-->
                                            <!--},-->
                                            <!--error: function () {-->
                                                <!--layer.msg('上传失败', {-->
                                                    <!--icon: 2-->
                                                <!--});-->
                                            <!--}-->
                                        <!--});-->
                                    <!--}-->
								<!--</script>-->
							<!--</div>-->

							<div class="form-group">
								<label class="col-sm-3 control-label">姓名：</label>
								<div class="col-sm-8">
									<input id="username" name="username" placeholder="请输入长度不大于30的字符" maxlength="30" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">手机号：</label>
								<div class="col-sm-8">
									<input id="mobile" name="mobile" placeholder="请输入长度为11的字符" maxlength="11" class="form-control" type="text">
								</div>
							</div>

							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">性别：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<label class="radio-inline">-->
										<!--<input type="radio" name="sex" value="1" checked /> 男-->
									<!--</label>-->
									<!--<label class="radio-inline">-->
										<!--<input type="radio" name="sex" value="0" /> 女-->
									<!--</label>-->
								<!--</div>-->
							<!--</div>-->

							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">出身日期：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="birth" name="birth" class="layer-date form-control" placeholder="请选择出生日期" readonly type="text">-->
								<!--</div>-->
							<!--</div>-->

							<div class="form-group">
								<label class="col-sm-3 control-label">密码：</label>
								<div class="col-sm-8">
									<input id="password" name="password" class="form-control" type="password">
								</div>
							</div>
							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">身份证号：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="idCard" name="idCard" class="form-control" placeholder="请输入长度不大于18的字符" maxlength="18" type="text">-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">民族：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="nation" name="nation" class="form-control" placeholder="请输入长度不大于10的字符" maxlength="10" type="text">-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">籍贯：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="natives" name="natives" class="form-control" placeholder="请输入长度不大于10的字符" maxlength="10" type="text">-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">出生地：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="birthPlace" name="birthPlace" class="form-control" placeholder="请输入长度不大于50的字符" maxlength="50" type="text">-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">健康状况：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="health" name="health" class="form-control" placeholder="请输入长度不大于10的字符" maxlength="10" type="text">-->
								<!--</div>-->
							<!--</div>-->

							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">联系方式：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="contact" name="contact" class="form-control" placeholder="请输入长度不大于20的字符" maxlength="20" type="text">-->
								<!--</div>-->
							<!--</div>-->

							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">现居住地：</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="liveAddress" name="liveAddress" class="form-control" placeholder="请输入长度不大于50的字符" maxlength="50" type="text">-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label class="col-sm-3 control-label">是否是本机构人员</label>-->
								<!--<div class="col-sm-8">-->
									<!--<input id="isOwner" name="isOwner" class="form-control" type="text">-->
									<!--<label class="radio-inline">-->
										<!--<input type="radio" name="sex" value="1" /> 是-->
									<!--</label>-->
									<!--<label class="radio-inline">-->
										<!--<input type="radio" name="sex" value="0" /> 否-->
									<!--</label>-->
								<!--</div>-->
							<!--</div>-->
							<div class="form-group">
								<label class="col-sm-3 control-label">机构：</label>
								<div class="col-sm-8">
									<input id="deptId" name="deptId" class="hidden">
									<input id="deptName" name="deptName" class="form-control" type="text" style="cursor: pointer;" onclick="openDept()"
										readonly="readonly" placeholder="所属机构">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">状态:</label>
								<div class="col-sm-8">
									<label class="radio-inline">
										<input type="radio" name="status" value="1" checked /> 正常
									</label>
									<label class="radio-inline">
										<input type="radio" name="status" value="0" /> 禁用
									</label>
								</div>
							</div>
							<input type="hidden" name="roleIds" id="roleIds">
							<div class="form-group">
								<label class="col-sm-3 control-label">角色</label>
								<div class="col-sm-8">
									<label th:each="role:${roles}" class="checkbox-inline">
										<input name="role" type="checkbox" th:value="${role.roleId}" th:text="${role.roleName}">
									</label>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>

	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/appjs/sys/user/add.js">
	</script>
	<script>
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#birth',
                type: 'date',
                range: false,
                format: 'yyyy-M-d'
            });
        })
	</script>
</body>
</html>
